@mixin flex-row {
  display: flex;
  flex-direction: row;
}

.distribute {
  height: calc(100vh - 130rpx);
  background: #f5f5f5;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding: 24rpx;
  &.no-apply-btn {
    height: calc(100vh);
  }
  .step-img {
    display: block;
    width: 100%;
  }
  &-banner--img {
    height: 224rpx;
    width: 100%;
    display: block;
    margin-bottom: 24rpx;
  }
  &-wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24rpx;
  }
  &-box--img {
    width: 217rpx;
    height: 122rpx;
    display: block;
  }
  .cell-icon {
    width: 32rpx;
    height: 32rpx;
  }
  .cell-img {
    width: 38rpx;
    height: 38rpx;
    border-radius: 50em;
    margin-right: 8rpx;
  }
  &-swiper--item {
    display: inline-block;
    align-items: center;

    line-height: 44rpx;
    font-size: 24px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
  }
  .item-inner {
    display: flex;
    border-radius: 50em;
    background: #f3b369;
    align-items: center;
    height: 44rpx;
    padding-left: 4rpx;
    padding-right: 12rpx;
  }
  &-cell {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 24rpx;
  }
  &-swiper {
    flex: 1;
    box-sizing: border-box;
    padding-left: 22rpx;
  }
  &-poster--img {
    width: 100%;
    height: 1500rpx;
    display: block;
    margin-bottom: 24rpx;
  }
  &-painter {
    background: #fff;
    padding: 24rpx 24rpx 56rpx;
    border-radius: 12rpx;
  }
  .painter-title {
    font-size: 32px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 45px;
  }
  &-painter--img {
    width: 100%;
    height: 161rpx;
    display: block;
    margin-bottom: 2rpx;
  }
  &-tips {
    font-size: 32px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 45px;
    padding: 24rpx 0;
  }
  .tips-text {
    margin-bottom: 4rpx;
    display: block;
    text-align: center;
    &:last-child {
      margin-bottom: 0;
    }
  }
}
.distribute-fixed {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24rpx;
  background: #fff;
  position: relative;
}
.distribute-fixed--btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88rpx;
  position: relative;
  background: #12b3ff;
  border-radius: 12px;
  font-size: 36px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.distribute-fixed--tips {
  position: absolute;
  left: 46%;
  top: 0;
  z-index: 10;
}
.dialog-box {
  position: relative;
}
.fixed-tips--txt {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 33px;
  padding: 0 5rpx;
  height: 40rpx;
  display: flex;
  align-items: center;
  border-radius: 50em;
  position: relative;
  z-index: 5;
}
.dialog-bg {
  width: 100%;
  height: 51rpx;
  left: 0;
  top: 0;
  position: absolute;
}
